<template>
	<yd-flexbox class="dailydetail" direction="vertical">
		<!--详情图片轮播-->
		<div class="banner">
			<yd-slider autoplay="3000">
				<yd-slider-item v-for="item,key in houseImgUrlListdata" :key="key">
					<yd-lightbox>
						<a>
							<yd-lightbox-img v-for="item,key in houseImgUrlListdata" :key="key" :src="item.imgUrl"></yd-lightbox-img>
						</a>
					</yd-lightbox>
				</yd-slider-item>
			</yd-slider>
			<!--banner蒙版-->
			<div class="yd-slider-popoper">
				<yd-flexbox class="popoper-discount">
					<div class="popoper-price">¥<span>{{houseinfo.prices}}</span>/晚</div>
					<yd-flexbox-item v-if="discount" v-for="item,key in discount.fullCuts" :key="key" class="popo-flexbox-item">满{{item.days}}天{{item.discount}}折 </yd-flexbox-item>
				</yd-flexbox>
			</div>
			<div class="like-icon" @click.stop="selectSort($event,houseinfo.houseId)">
				<yd-icon name="like" v-if="houseinfo.isCollect==1" color="#FF685D"></yd-icon>
				<yd-icon name="like-outline" v-else color="#fff"></yd-icon>
			</div>
		</div>
		<!--/*房屋标题*/-->
		<div class="line dade-title">
			<div class="dt-h4">
				{{houseinfo.title}}
			</div>
			<div v-if="houseinfo.tags" class="house-icon">
				<span v-for="tagsitem,key in houseinfo.tags.split(',')" :key="key">{{tagsitem}}</span>
			</div>

		</div>
		<!--房屋情况-->
		<div class="line situation">
			<yd-flexbox>
				<yd-flexbox-item class="situation-flex">
					<img class="situation-img" src="../assets/img/rooms.png" />
					<!--<p>一室一厅</p>-->
					<p v-if="houseinfo.houseRent==1">{{houseRent}} </p>
					<p v-if="houseinfo.roomRent==1">{{roomRent}} </p>
					<p v-if="houseinfo.bedRental==1">{{bedRental}} </p>
				</yd-flexbox-item>
				<yd-flexbox-item class="situation-flex">
					<img class="situation-img" src="../assets/img/hall.png" />
					<p>{{houseinfo.room}}室{{houseinfo.hall}}厅{{houseinfo.toilet}}卫</p>
				</yd-flexbox-item>
				<yd-flexbox-item class="situation-flex">
					<img class="situation-img" src="../assets/img/livable.png" />
					<p>宜居{{houseinfo.personNumber}}人</p>
				</yd-flexbox-item>
				<yd-flexbox-item class="situation-flex">
					<img class="situation-img" src="../assets/img/bed.png" />
					<div @click="bedsalert($event)">
						<p>床{{bednum}}张
						</p>
						<yd-icon name="warn-outline"></yd-icon>
					</div>
				</yd-flexbox-item>
			</yd-flexbox>
			<div v-if="bedsshow" @click="bedsalert($event)" class="bedshow" style="z-index: 99999999999999999999999999999;">
				<div @click="bedscontent($event)" style="height: 6.5rem;">
					<div class="bedscontent">
						<div class="title">床铺详情</div>
						<yd-flexbox direction="vertical">
							<yd-flexbox-item v-for="itembed,key in houseinfo.bedsList" :key="key">
								<yd-flexbox class="bedli">
									<yd-flexbox-item>{{itembed.bedsName}}</yd-flexbox-item>
									<yd-flexbox-item>{{itembed.bedsSize}}</yd-flexbox-item>
									<yd-flexbox-item>{{itembed.bedsNumber}}张</yd-flexbox-item>
								</yd-flexbox>
							</yd-flexbox-item>
						</yd-flexbox>
					</div>
					<div @click="bedsalert" class="bedclose">我知道了</div>
				</div>
			</div>
		</div>
		<!--房东介绍-->
		<!--<div class="landlord line" @click="landlord_info()">-->
		<div class="landlord line">
			<div class="landlord-portrait">
				<!--<img class="portrait-img" v-if="houseinfo.houseMasterImgUrl.indexOf('?')==-1" :src="houseinfo.houseMasterImgUrl+'?imageslim'" />-->
				<img class="portrait-img" :src="houseinfo.houseMasterImgUrl" />
			</div>
			<div class="landlord-nav">
				<div class="landlord-info">
					<h4>{{houseinfo.nick}}</h4>
					<p>实名认证<span v-if="aliCredit">.芝麻信用{{houseinfo.aliCredit}}分</span></p>

				</div>
				<div class="landlord-Arrow">
					<!--查看房东详情-->
					<!--<span class="la-more"></span>-->
				</div>
			</div>
		</div>
		<!--平台保障-->
		<div class="j- line">
			<div class="j-title">
				<div>平台保障</div>
				<div class="jt-right" @click="reportfun"><img src="../assets/img/images/shortdaell.png" /> 举报</div>
				<!--举报弹框-->
				<div v-show="report" @click="reportclose" class="report-popo">
					<div class="report" @click="eventfun($event)">
						<div class="report-tabitem">
							<span @click="reitem(0)" class="reitem">房源信息有误</span><span @click="reitem(1)" class="reitem">房源已出租</span>
							<span @click="reitem(2)" class="reitem">不是房东</span><span @click="reitem(3)" class="reitem">其他</span>
						</div>
						<textarea class="textarea" placeholder="举报说明" v-model="textarea"></textarea>
						<div class="report-btnbox">
							<button class="report-btn" @click="reportsubmit()">坚决举报</button>
						</div>
					</div>
				</div>
			</div>
			<div class="j-content">
				<yd-grids-group :rows="3">
					<yd-grids-item>
						<a class="jc-list" slot="else">
							<div class="jc-icon"><img src="../assets/img/reality.png" /></div>
							<div slot="text">
								<p>真实房源</p>
								<p>人工审核</p>
							</div>
						</a>
					</yd-grids-item>
					<yd-grids-item>
						<a class="jc-list" slot="else">
							<div class="jc-icon"><img src="../assets/img/creditable.png" /></div>
							<div slot="text">
								<p>房东实名</p>
								<p>更加可靠</p>
							</div>
						</a>
					</yd-grids-item>
					<yd-grids-item>
						<a class="jc-list" slot="else">
							<div class="jc-icon"><img src="../assets/img/safeguard.png" /></div>
							<div slot="text">
								<p>在线支付</p>
								<p>方便快捷</p>
							</div>
						</a>
					</yd-grids-item>
				</yd-grids-group>
			</div>
		</div>
		<!--房源描述-->
		<div class="line">
			<yd-accordion>
				<yd-accordion-item title="房源描述" ref="accordion" :auto="true">
					<div>
						{{houseinfo.houseDesc}}
					</div>
				</yd-accordion-item>
			</yd-accordion>
			<div class="hi-btn">
				<yd-button size="large" style="background: #ffffff;" @click.native="open">阅读更多</yd-button>
			</div>
		</div>
		<!--房源位置-->
		<div class="j-title line">
			<div>房源位置</div>
		</div>
		<div class="house-map line">
			<div class="_map">
				<div class="_m-icon">
					<el-amap vid="amapDemo" :zoom="zoom" :center="center" class="amap-demo" :plugin="plugin">
						<el-amap-marker :position="marker.position" :events="marker.events" :visible="marker.visible" :draggable="marker.draggable"></el-amap-marker>
					</el-amap>
				</div>
				<div class="_map-popoper">
					<div class="_mp-left">
						<yd-icon name="location" style="font-size: .34rem;"></yd-icon><span>{{houseinfo.address}}</span></div>
					<!--<yd-icon name="location" style="font-size: .34rem;"></yd-icon><span>{{houseinfo.cityName}}{{houseinfo.areaName}}{{houseinfo.address}}</span></div>-->
					<div class="_mp-right" id="_mp-right" @click="amapmarker(center)">
						<a>去这里</a>
					</div>
				</div>
			</div>
		</div>
		<!--<div id="container" class="mymap"></div>-->
		<!--配套设施-->
		<div class="house-supfac line">
			<div class="j-title">
				<div>配套设施</div>
			</div>
			<div class="hs-content">
				<div class="supfac-item" v-for="meitem,key in mequipmentListdata" :key="key">
					<div class="si-imgbox">
						<img class="si-img" :src="meitem.grayIcon" />
					</div>
					<p>{{meitem.amenityName}}</p>
				</div>

				<div class="supfac-item simore-item">
					<router-link to="/shortdsupfac">

						<span class="simore-icon"></span>
					</router-link>
				</div>
				<!--<yd-grids-group :rows="5" v-for="item,key in houseinfo.equipmentList" :key="key">
					<yd-grids-item class="hsc-list" v-for="eitem,key in item.list" :key="key">
						<div slot="else">
							<div class="hscl-icon-box">
								<img class="hscl-icon" :src="eitem.grayIcon" />
							</div>
							<p style="margin-top: .1rem;">{{eitem.amenityName}}</p>
						</div>
					</yd-grids-item>
				</yd-grids-group>-->
			</div>
		</div>
		<!--租房日历-->
		<div class="rent-calendar line">
			<div class="j-title rc-title" @click="clickCalendar">
				<div>租房日历</div>
				<div v-if="discount" class="discount-box">
					<span class="rent-discount" v-if="discount" v-for="item,key in discount.fullCuts" :key="key">满{{item.days}}天{{item.discount}}折  </span>
				</div>
			</div>
			<!--日历插件-->
			<div class="rc-content">
				<div id="firstSelect" class="calendar calendar2" style="display: block;position: initial;"></div>
			</div>
		</div>
		<!--交易规则-->

		<div class="trad-rules line">
			<div class="j-title rc-title">
				<div>交易规则</div>
			</div>
			<div class="tr-content">
				<ul>
					<li class="trc-list" v-if="shortestIF"><span class="trc-left">入住天数</span><span class="trc-right" style="display: -webkit-flex;display: flex;"><span >最少入住{{houseinfo.shortest}}天</span><span v-if="longestIF">,最多入住{{houseinfo.longest}}天</span></span>
					</li>
					<li class="trc-list" v-if="cashPledgeIF==true&&houseinfo.onlinePay==0"><span class="trc-left">押金</span><span class="trc-right">房东线下收取押金{{houseinfo.cashPledge}}元<span v-if="houseinfo.creditFree==1" class="creditFree">信用免押 <i></i></span></span></li>
					<li class="trc-list" v-if="cashPledgeIF==true&&houseinfo.onlinePay==1"><span class="trc-left">押金</span><span class="trc-right">在线支付押金{{houseinfo.cashPledge}}元<span v-if="houseinfo.creditFree==1" class="creditFree">信用免押<i></i></span></span></li>
					<li class="trc-list" v-if="cleanFeeIF"><span class="trc-left">清洁费</span><span class="trc-right">￥{{houseinfo.cleanFee}}</span></li>
					<li class="trc-list" v-if="otherfeesIF"><span class="trc-left">其他费用</span><span class="trc-right">{{houseinfo.otherfees}}</span></li>
					<li class="trc-list" v-if="houseinfo.addGuest!=0"><span class="trc-left">加客</span><span class="trc-right">允许加客{{houseinfo.addGuest}},加客费用{{houseinfo.addGuestFee}}一人</span></li>
				</ul>
			</div>
		</div>
		<!--退订规则-->
		<div class="unsubscribe-rules line">
			<div class="j-title">
				<div>退订规则</div>
				<div class="jt-right" @click="ShortRulesGO()" style="color: #a4a4a4;">退订细则<img class="more-icon" src="../assets/img/dataimg/images/more_09.png" /> </div>
			</div>
			<div class="rules-box rules-style">
				<div class="ur-content ddtail-ucontent">
					<div class="ddtail-ucontent-line">
						<div class="ddtail-ucontent-list">
							<span class="ddtail-ucontent-top" style="background: rgba(149, 241, 147, .3);display: block;color: rgb(4, 171, 2);">取消订单<br />全额返回</span>
							<span class="ddtail-ucontent-bottom">预订成功</span>
						</div>
						<div class="ddtail-ucontent-list">
							<span class="ddtail-ucontent-top" style="display: block;color: rgb(226, 80, 81);">取消订单扣除前<br />{{houseinfo.default_chargedays}}天的定金</span>
							<span class="ddtail-ucontent-bottom">入住前{{houseinfo.sum_refunddays}}天{{houseinfo.check_in_time}}</span>
						</div>
						<div class="ddtail-ucontent-list">
							<span class="ddtail-ucontent-top" style="display: block;color: rgb(226, 80, 81);">提前退房<br />{{houseinfo.default_chargedays}}天的定金</span>
							<span class="ddtail-ucontent-bottom">入住当天{{houseinfo.check_in_time}}</span>
						</div>
						<div class="ddtail-ucontent-list">
							<span class="ddtail-ucontent-bottom" id="ddtail-bottom">退房当天{{houseinfo.check_out_time}}</span>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!--房客点评-->
		<div class="tenant-comment line" v-if="evaluateinfoIF">
			<div class="j-title">
				<div>房客点评</div>
				<!--<div class="jt-right" style="color: #a4a4a4;">查看全部评论<img class="more-icon" src="../assets/img/dataimg/images/more_09.png" /> </div>-->
			</div>

			<div class="tc-content">
				<div class="tcc-tenant">
					<div class="tcct-left">
						<div class="tcctimg-box">
							<!--<img class="tcctimg" v-if="evaluateinfoIF.imgUrl.indexOf('?')==-1" :src="evaluateinfoIF.imgUrl+'?imageslim'" />-->
							<img class="tcctimg" :src="evaluateinfoIF.imgUrl" />
						</div>
					</div>
					<div class="tcct-right">
						<h4>{{evaluateinfoIF.nick}}</h4>
						<p>{{evaluateinfoIF.createTime}}</p>
						<yd-cell-item>
							<yd-rate slot="left" v-model="rate8" :readonly="true"></yd-rate>
							<span slot="right">{{rate8}}分</span>
						</yd-cell-item>
					</div>
				</div>
				<div class="tcc-comment">{{evaluateinfoIF.evaluateConten}}</div>
			</div>
		</div>
		<!--推荐房源-->
		<!--<div class="recommend-house line">
			<div class="j-title">
				<div>推荐房源</div>
			</div>
		</div>-->
		<div class="bottom-flex">
			<a @click="GOZhuddNewsInfo()" class="talk-landlord">在线聊天</a>
			<a @click="GOHouseApply()" class="reserve">申请预订</a>
		</div>
	</yd-flexbox>
</template>
<script>
	import { mapGetters, mapActions } from 'vuex'
	import api from '../fetch/api'
	import commonfun from '../fetch/commonfun'
	import Swiper from "../assets/libs/swiper.min.js";
	import date2 from "../../static/date2.js";
	export default {
		name: 'shortDetails',
		data() {
			var that = this;
			return {
				userId: "",
				token: "",
				content: '',
				textarea: '',
				report: false,
				isScrolling: false,
				isOpen: false,
				houseId: that.$route.query.houseId,
				rate8: 4,
				tipText: [
					'<span style="color:#282828;">$ 分</span>',
					'<span style="color:#282828;">$ 分 </span>',
					'<span style="color:#282828;">$ 分 </span>',
					'<span style="color:#282828;">$ 分 </span>',
					'<span style="color:#282828;">$ 分</span>'
				],
				houseImgUrlListdata: [],
				mequipmentListdata: [],
				//				是否有折扣
				discount: true,
				//				芝麻信用
				aliCredit: true,
				//				入住最少天判断
				shortestIF: true,
				//				入住最多天判断
				longestIF: true,
				//				押金判断
				cashPledgeIF: true,
				//				第一条评论判断
				evaluateinfoIF: true,
				//				其他费用判断
				otherfeesIF: true,
				//				清洁费判断
				cleanFeeIF: true,
				zoom: 16,
				center: [1, 1],
				marker: {
					position: [1, 1],
					events: {
						click: () => {
							if(that.mywindow.visible === true) {
								that.mywindow.visible = false
							} else {
								that.mywindow.visible = true
							}
						},
						dragend: (e) => {
							that.markers[0].position = [e.lnglat.lng, e.lnglat.lat]
						}
					},
					visible: true,
					draggable: false
				},
				plugin: {
					pName: 'Scale',
					events: {
						init(instance) {}
					}
				},
				//				床位弹框显示
				bedsshow: false,
				bednum: ''
			}
		},
		mounted() {

			document.body.style.overflow = "visible";
			document.querySelector("html").style.overflow = "visible";
			var that = this;
			if(sessionStorage.getItem("userinfo") != null) {
				let getHiss = JSON.parse(sessionStorage.getItem("userinfo"));
				that.userId = getHiss.id;
				that.token = getHiss.token;
			}
			that.getInfo(that.houseId);
			//			评论第一条
			that.evaluateinfo(that.houseId);
			that.clickCalendar();
		},
		computed: {
			...mapGetters([
				'source',
				'houseinfo',
				'houseRent',
				'roomRent',
				'bedRental',
				'baseInfodata',
				'shorthouseinfo'
			])
		},
		methods: {
			...mapActions({
				setOpenApp: 'setOpenApp',
				getShortInfo: 'getShortInfo',
				setShortPrices: 'setShortPrices',
				setShortPricestime: 'setShortPricestime',
				setBaseInfo: 'setBaseInfo',
				setshorhouseinfo:"setshorhouseinfo"
			}),
			GOHouseApply() {
				this.setBaseInfo();
//				if (this.baseInfodata==false) {
//					this.$router.push({
//						path:"/login",
//					})
//					return
//				}
				if (this.houseinfo.onlinePay==0) {
					this.houseinfo.cashPledge=0;
				}
				var houseinfo={
					houseImg:this.houseinfo.houseImg,
					title:this.houseinfo.title,
					houseRent:this.houseinfo.houseRent,
					roomRent:this.houseinfo.roomRent,
					bedRental:this.houseinfo.bedRental,
					room:this.houseinfo.room,
					personNumber:this.houseinfo.personNumber,
					prices:this.houseinfo.prices,
					sum_refunddays:this.houseinfo.sum_refunddays,
					check_in_time:this.houseinfo.check_in_time,
					cashPledge:this.houseinfo.cashPledge,
					fullCuts:this.houseinfo.discount.fullCuts,
					cleanFee:this.houseinfo.cleanFee,
					bedsList:JSON.stringify(this.houseinfo.bedsList)
					
				}
				this.setshorhouseinfo(JSON.stringify(houseinfo))
				this.$router.push({
					path: "/HouseApply",
					query:{
						houseId:this.houseId,
					}
				})
			},
			GOZhuddNewsInfo() {
				let house_info = {
					img: "http://qiniu.com/kkfkdklk?img",
					rent_type: "短租民宿",
					house_id: this.houseinfo.houseId.toString(),
					title: this.houseinfo.title,
					house_type: this.houseinfo.houseType
				}
				if(this.houseinfo.houseRent == 1) {
					house_info.rent_type = this.houseRent
				}
				if(this.houseinfo.roomRent == 1) {
					house_info.rent_type = this.roomRent
				}
				if(this.houseinfo.bedRental == 1) {
					house_info.rent_type = this.bedRental
				}
				$.each(this.houseinfo.houseImgUrlList, function(j, imgurllistdata) {
					house_info.img = imgurllistdata.imgUrl;
				});
				this.$router.push({
					path: "/ZhuddNewsInfo",
					query: {
						nick: this.houseinfo.nick,
						user_id: this.houseinfo.houseMasterId.toString(),
						houseId: this.houseinfo.houseId.toString(),
						house_type: this.houseinfo.houseType.toString(),
						house_info: JSON.stringify(house_info),
						num: true
					}
				})
			},
			selectSort(e, houseId) {
				if(e.target.className == "yd-icon-like-outline") {
					e.target.className = "yd-icon-like";
					e.target.style.color = "#FF685D"

					let ajaxSign = {
						"source": this.source,
						"token": this.token,
						"userId": this.userId.toString(),
						"houseId": houseId.toString(),
						"type": '1',
						"houseType": '2',
					}
					let ajaxData = api.getAES(ajaxSign);
					api.GetCollectSta(ajaxData)
						.then(res => {
							this.$dialog.toast({
								mes: res.msg,
								timeout: 1000
							});
							if(res.sta == 203) {
								this.$router.push({
									path: "/login"
								})
							}
						})

				} else {

					e.target.className = "yd-icon-like-outline"
					e.target.style.color = "#fff"
					let ajaxSign = {
						"source": this.source,
						"token": this.token,
						"userId": this.userId.toString(),
						"houseId": houseId.toString(),
						"type": '2',
						"houseType": '2',
					}

					let ajaxData = api.getAES(ajaxSign);
					api.GetCollectSta(ajaxData)
						.then(res => {

							this.$dialog.toast({
								mes: res.msg,
								timeout: 1000
							});
							if(res.sta == 203) {
								this.$router.push({
									path: "/login"
								})
							}
						})
				}
			},

			ShortRulesGO() {
				var that = this;
				that.$router.push({
					path: "/ShortRules",
					query: {
						houseId: that.houseId
					}
				})
			},
			//			去这里
			amapmarker(center) {
				commonfun.amapmarker(center)
			},
			//			举报弹框
			reportfun() {

				var that = this;
				document.body.style.overflow = "hidden";
				document.querySelector("html").style.overflow = "hidden";
				that.report = true;
				that.content = "";
				that.textarea = "";
				$(".reitem").removeClass("tabspan-active")
			},
			//			关闭弹框
			reportclose() {

				var that = this;
				document.body.style.overflow = "visible";
				document.querySelector("html").style.overflow = "visible";
				that.report = false;
			},
			//			举报原因选择
			reitem(i) {

				$(".reitem").eq(i).addClass("tabspan-active");
			},
			//			阻止点击事件冒泡
			eventfun(event) {
				event.cancelBubble = true;
			},
			//			坚决举报
			reportsubmit() {
				var that = this;
				for(var i = 0; i < $(".tabspan-active").length; i++) {
					if(i == $(".tabspan-active").length - 1) {
						that.content += $(".tabspan-active").eq(i).text();
					} else {
						that.content += $(".tabspan-active").eq(i).text() + ",";
					}
				}
				if(that.textarea != "") {

					that.content += "," + that.textarea;
				}
				if(sessionStorage.getItem("userinfo") != null) {
					let getHiss = JSON.parse(sessionStorage.getItem("userinfo"));
					that.token = getHiss.token;
					var ajaxSign = {
						"source": that.source,
						"houseId": that.houseId,
						"token": that.token,
						"content": that.content
					};
					let ajaxData = api.getAES(ajaxSign);
					//				数据调用
					api.GetComplaint(ajaxData)
						.then(res => {
							let ajaxdata = res.result;
							that.$dialog.toast({
								mes: res.msg,
								timeout: 1000
							});
						})

				} else {
					that.$dialog.toast({
						mes: "请登录",
						timeout: 1000
					});
				}
				that.reportclose();
			},
			bedsalert(event) {
				var that = this;
				event.cancelBubble = true;
				that.bedsshow = !that.bedsshow;
			},
			bedscontent(event) {
				event.cancelBubble = true;

			},
			clickCalendar() {
				var that = this;
				that.$nextTick(() => {
					that.setTime(that.houseId);
				})
			},
			loadgetprice() {
				var that = this;
				that.$nextTick(() => {
					that.getprice(that.houseId, that.houseinfo.prices);
				})
			},
			//			折叠面板
			open() {
				var that = this;
				that.isOpen = !that.isOpen;
				if(that.isOpen) {
					that.$refs.accordion.openItem();
					$(".hi-btn button").text("点击收起");
				} else {
					that.$refs.accordion.closeItem();
					$(".hi-btn button").text("阅读更多");
				}
			},
			getInfo(houseId) {
				var that = this;
				var ajaxSign = {
					"source": that.source,
					"houseId": houseId.toString(),
					"userId": that.userId.toString(),
					"token": that.token,
				};
				let ajaxData = api.getAES(ajaxSign);
				api.GetShortInfo(ajaxData)
					.then(res => {
						let ajaxdata = res.result;
						for (var i = 0; i < ajaxdata.houseImgUrlList.length; i++) {
							if (ajaxdata.houseImg==ajaxdata.houseImgUrlList[i].imgId) {
								ajaxdata.houseImg=ajaxdata.houseImgUrlList[i].imgUrl
							}

						}
						if(ajaxdata.houseImgUrlList.length == 0) {
							that.houseImgUrlListdata = false;
						} else {
							that.houseImgUrlListdata = ajaxdata.houseImgUrlList;
						}
						if(ajaxdata.discount == "" || ajaxdata.discount == null || ajaxdata.discount == undefined || ajaxdata.discount == 0) {
							that.discount = false;
						} else {
							that.discount = ajaxdata.discount;
						}
						if(ajaxdata.aliCredit == "" || ajaxdata.aliCredit == null || ajaxdata.aliCredit == undefined || ajaxdata.aliCredit == 0) {
							that.aliCredit = false;
						}

						if(ajaxdata.shortest == "" || ajaxdata.shortest == null || ajaxdata.shortest == undefined || ajaxdata.shortest == 0) {
							that.shortestIF = false;
						}
						if(ajaxdata.longest == "不限" || ajaxdata.longest == "" || ajaxdata.longest == null || ajaxdata.longest == undefined || ajaxdata.longest == 0) {
							that.longestIF = false;
						}
						if(ajaxdata.cashPledge == "" || ajaxdata.cashPledge == null || ajaxdata.cashPledge == undefined || ajaxdata.cashPledge == 0) {
							that.cashPledgeIF = false;
						}
						if(ajaxdata.cleanFee == "" || ajaxdata.cleanFee == null || ajaxdata.cleanFee == undefined || ajaxdata.cleanFee == 0) {
							that.cleanFeeIF = false;
						}
						if(ajaxdata.otherfees == "" || ajaxdata.otherfees == null || ajaxdata.otherfees == undefined || ajaxdata.otherfees == 0) {
							that.otherfeesIF = false;
						}
						that.center = [ajaxdata.lng, ajaxdata.lat]; //加载地图和相关组件
						that.marker.position = [ajaxdata.lng, ajaxdata.lat];
						that.getShortInfo(ajaxdata)
						that.bednum = that.houseinfo.bedsList.length

						that.$route.meta.title = that.houseinfo.title;
//						设置title
						document.title = that.$route.meta.title;
//						轮播图片预览
						that.$nextTick(() => {
							let swipers = $(".yd-slider-wrapper>.yd-slider-item");
							for(let i = 0; i < swipers.length; i++) {
								swipers.eq(i).find("img").eq(i).siblings("img").remove();
							}
						})
						that.loadgetprice();
						let mequipmentList = []
						for(var i = 0; i < that.houseinfo.equipmentList.length; i++) {
							for(var j = 0; j < that.houseinfo.equipmentList[i].list.length; j++) {
								if(mequipmentList.length <= 4) {
									mequipmentList = mequipmentList.concat(that.houseinfo.equipmentList[i].list[j])
								}
							}
						}
						that.mequipmentListdata = mequipmentList;
					})
			},
			evaluateinfo(houseId) {
				var that = this;
				var ajaxSign = {
					"source": that.source,
					"houseId": houseId.toString()
				};
				let ajaxData = api.getAES(ajaxSign);
				//				数据调用
				api.EvalUateOneinfo(ajaxData)
					.then(res => {
						let ajaxdata = res.result;
						if(ajaxdata.length == undefined) {
							that.evaluateinfoIF = false;
						} else {
							that.evaluateinfoIF = ajaxdata;
							that.rate8 = that.evaluateinfoIF.evaluateFraction;

						}
					})

			},

			setSwiper() {
				var that = this;
				var swiper = new Swiper('.swiper-container.swiper-xs', {
					pagination: {
						el: '.swiper-pagination'
					}
				});
			},
			setTime(houseId) {
				var that = this;
				//定义时间日期显示月数
				var index = 7;
				$(function() {
					$('#firstSelect').calendarSwitch1({
						selectors: {
							sections: ".calendar"
						},
						index: index, //展示的月份个数
						controlDay: true, //知否控制在daysnumber天之内，这个数值的设置前提是总显示天数大于90天
						daysnumber: "210", //控制天数
						comeColor: "#e25051", //入住颜色
						outColor: "#e25051", //离店颜色
						comeoutColor: "" //入住和离店之间的颜色
					});

					var startX, endX;
					var swiper = new Swiper('.swiper-container', {
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						},
						on: {
							touchStart: function(event) {
								var touch = event.touches[0];
								startX = touch.pageX;
							},
							touchMove: function(event) {
								var touch = event.touches[0];
								endX = touch.pageX - startX;
							},
							touchEnd: function(event) {
								var touch1 = event.touches[0];
								if(endX > 100 || endX < (-100)) {
									var yf = parseInt($(".time").text());
									if(swiper.swipeDirection == "prev") {
										if(yf == (new Date().getMonth() + 1)) {
											return;
										} else {
											yf--;
										}
									} else {
										if(yf == (new Date().getMonth()) + index) {
											return;
										} else {
											yf++;
										}
									}
									if(yf < 10) {
										$('.time').text('0' + yf);
									} else {
										$('.time').text(yf);
									}
									that.loadgetprice()

								}
								endX = 0;
							},
						},
					});
					$(".swiper-button-next").click(function() {
						var yf = parseInt($(".time").text());
						yf++;
						if(yf < 10) {
							$('.time').text('0' + yf);
						} else {
							$('.time').text(yf);
						}
						that.loadgetprice()
						return;
					})
					$(".swiper-button-prev").click(function() {
						var yf = parseInt($(".time").text());
						yf--;
						if(yf < 10) {
							$('.time').text('0' + yf);
						} else {
							$('.time').text(yf);
						}
						that.loadgetprice()
						return;
					})
					that.loadgetprice()
				});
			},
			getprice(houseId, prices) {
				var that = this;
				//				转为时间戳
				var date = new Date();
				date.setDate(date.getDate() - 1); //获取AddDayCount天后的日期 
				var time1 = date.getTime() / 1000;
				var ajaxSign = {
					"source": that.source,
					"houseId": houseId.toString(),
					"times": time1.toString()
				};
				//				已购买房源价格

				//				数据调用 特殊房源详情

				let meny = $(".meny");
				for(let i = 0; i < meny.length; i++) {
					meny.eq(i).html("￥" + prices);
				}
				let ajaxData = api.getAES(ajaxSign);
				api.GetShortPrices(ajaxData)
					.then(res => {
						let ajaxdata = res.result;
						that.setShortPrices(ajaxdata)
						$.each(ajaxdata, function(i, datea) {
							var date1 = new Date(datea.times * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
							var Y = date1.getFullYear();
							var M = (date1.getMonth() + 1 < 10 ? '0' + (date1.getMonth() + 1) : date1.getMonth() + 1);
							var D = date1.getDate();
							for(var i = 0; i < $(".swiper-slide-active .day").length; i++) {
								if(D == parseInt($(".swiper-slide-active .day").eq(i).html()) && M == parseInt($(".time").html())) {
									if(datea.status == 1) {
										$(".swiper-slide-active .day").eq(i).siblings(".meny").addClass("mymeny");
										$(".swiper-slide-active .day").eq(i).siblings(".meny").html("已租");
									}
									if(datea.status == 0) {
										$(".swiper-slide-active .day").eq(i).siblings(".meny").html("￥" + datea.prices)
									}
								}
							}
						});
					})

				api.GetShortPricesTime(ajaxData)
					.then(res => {
						let ajaxdataOld = res.result;
						that.setShortPricestime(ajaxdataOld)
						$.each(ajaxdataOld, function(i, data) {
							var date1 = new Date(data.times * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
							var Y = date1.getFullYear();
							var M = (date1.getMonth() + 1 < 10 ? '0' + (date1.getMonth() + 1) : date1.getMonth() + 1);
							var D = date1.getDate();
							for(var i = 0; i < $(".swiper-slide-active .day").length; i++) {
								if(D == parseInt($(".swiper-slide-active .day").eq(i).html()) && M == parseInt($(".time").html())) {
									if(data.status == 1) {
										$(".swiper-slide-active .day").eq(i).siblings(".meny").addClass("mymeny");
										$(".swiper-slide-active .day").eq(i).siblings(".meny").html("已租");
									}
								}
							}
						});
					})

			}
		}
	}
</script>

<style>
	/*下划线*/
	
	@import url("../assets/css/swiper.min.css");
	@import url("../assets/css/style.css");
	
	.creditFree{
		display: inline-block;
		color: rgb(4, 171, 2);
		position: relative;
	}
	.creditFree i{
		display: block;
		width: 0.15rem;
		height: 0.15rem;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		position: absolute;
		top: .1rem;
		left: 1.2rem;
		transform: rotate(45deg);
	}
	.alert {
		z-index: 999;
		width: 4.5rem;
		text-align: center;
		position: fixed;
		bottom: 0rem;
		left: 50%;
		transform: translateX(-50%);
		padding: .2rem .1rem;
		font-size: .24rem;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		animation: 1s ease both alertkey;
	}
	
	@keyframes alertkey {
		from {
			bottom: 0;
		}
		to {
			bottom: 2.5rem;
		}
	}
	
	.yd-lightbox {
		z-index: 99999999999999999999999999999999999 !important;
	}
	
	.dailydetail {
		background: #eeeeee;
		padding-bottom: .5rem;
		box-sizing: border-box;
	}
	
	.dailydetail .mymap {
		width: 100%;
		height: 100%;
	}
	
	.dailydetail .animated {
		animation-duration: 1s;
		animation-fill-mode: both;
	}
	
	.dailydetail .swiper-button-next,
	.swiper-button-prev {
		width: .4rem;
		height: .4rem;
		margin-top: -.6rem;
		background-size: .4rem .4rem;
	}
	
	.dailydetail .dateZone tr {
		height: .8rem;
	}
	
	@keyframes slideInDown {
		from {
			transform: translate3d(0, -100%, 0);
			visibility: visible;
		}
		to {
			transform: translate3d(0, 0, 0);
		}
	}
	
	.dailydetail .slideInDown {
		animation-name: slideInDown;
	}
	
	.dailydetail .swiper-container {
		width: 100%;
		height: 100%;
	}
	
	.dailydetail .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
	}
	
	.dailydetail .line {
		width: 100%;
		margin-bottom: 1px;
		background: #FFFFFF;
	}
	/*banner*/
	
	.dailydetail .banner {
		position: relative;
	}
	
	.dailydetail .banner a {
		width: 100%;
		height: 5rem;
	}
	
	.dailydetail .banner img {
		width: 100%;
		min-height: 100%;
	}
	
	.dailydetail .yd-slider-pagination {
		display: none !important;
	}
	/*banner收藏蒙版*/
	
	.dailydetail .like-icon {
		z-index: 999;
		position: absolute;
		top: 0;
		right: 0;
		padding: .24rem;
		box-sizing: border-box;
	}
	/*banner蒙版*/
	
	.dailydetail .yd-slider-popoper {
		z-index: 99;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	.dailydetail .popoper-price {
		color: #fff;
		font-size: .29rem;
		padding: .16rem .25rem;
		height: .8rem;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.5);
	}
	
	.dailydetail .popoper-price span {
		font-size: .42rem;
	}
	
	.dailydetail .popo-flexbox-item {
		height: 100%;
		background: #00b1f3;
		line-height: .8rem;
		box-sizing: border-box;
		text-align: center;
		font-size: .28rem;
		color: #FFFFFF;
	}
	/*房屋标题*/
	
	.dailydetail .dade-title {
		background: #fff;
		width: 100%;
		padding: .24rem;
		box-sizing: border-box;
	}
	
	.dailydetail .dt-h4 {
		font-size: .42rem;
		line-height: .49rem;
	}
	
	.dailydetail .house-icon {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		padding: 0 .2rem 0 0;
		box-sizing: border-box;
	}
	
	.dailydetail .house-icon span {
		display: block;
		font-size: .21rem;
		color: #e25051;
		padding: .05rem .09rem;
		border: 1px solid #e25051;
		box-sizing: border-box;
		border-radius: 5px;
		margin-right: .24rem;
		margin-top: .24rem;
	}
	/*房屋情况*/
	
	.dailydetail .situation {
		width: 100%;
		padding: .2rem 0;
		box-sizing: border-box;
		font-family: "黑体";
	}
	
	.dailydetail .situation-flex {
		text-align: center;
		color: #282828;
		font-size: .31rem;
		position: relative;
	}
	
	.dailydetail .situation-flex div {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		margin-right: .1rem;
	}
	
	.dailydetail .situation-flex .yd-icon-warn-outline {
		font-size: .31rem !important;
		color: #e25051;
		margin-left: .15rem;
	}
	
	.dailydetail .situation-flex::after {
		content: "";
		display: block;
		width: 1px;
		height: 50%;
		background: #e3e2e2;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	
	.dailydetail .situation-flex:last-child::after {
		width: 0;
	}
	
	.dailydetail .situation-img {
		max-width: .39rem;
		/*margin-bottom: .1rem;*/
	}
	
	.dailydetail .bedshow {
		z-index: 99999999999999999999999999999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	
	.dailydetail .bedshow>div {
		width: 6.5rem;
		background: #fff;
		margin: 35% auto;
		position: relative;
		line-height: .75rem;
	}
	
	.dailydetail .bedscontent {
		background: #fff;
		font-size: .28rem;
		box-sizing: border-box;
	}
	
	.dailydetail .bedscontent .title {
		background: rgba(0, 0, 0, 0.05);
		text-align: center;
		font-size: .31rem;
	}
	
	.dailydetail .bedscontent .bedli {
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	.dailydetail .bedshow .bedclose {
		width: 100%;
		position: absolute;
		bottom: 0;
		text-align: center;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		color: #e25051;
		font-size: .31rem;
	}
	/*房东介绍*/
	
	.dailydetail .landlord {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		background: white;
		padding: .42rem .24rem;
		box-sizing: border-box;
	}
	
	.dailydetail .landlord-portrait {
		width: .97rem;
		height: .97rem;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
	}
	
	.dailydetail .portrait-img {
		max-width: 100%;
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.dailydetail .landlord-nav {
		display: flex;
		width: 90%;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.dailydetail .landlord-Arrow img {
		width: .3rem;
	}
	
	.dailydetail .landlord-info {
		margin-left: .21rem;
		line-height: .42rem;
	}
	
	.dailydetail .landlord-info h4 {
		color: #282828;
		font-size: .35rem;
		font-weight: normal;
	}
	
	.dailydetail .landlord-info p {
		font-size: .28rem;
		color: #7d7d7d;
	}
	
	.la-more {
		display: block;
		width: .28rem;
		height: .28rem;
		border: 1px solid #bcbcbc;
		border-bottom: none;
		border-left: none;
		transform: rotate(45deg);
	}
	/*平台保障*/
	
	.dailydetail .j- {
		width: 100%;
	}
	
	.dailydetail .j-title {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: .35rem;
		padding: .2rem;
		box-sizing: border-box;
	}
	
	.dailydetail .j-title img {
		width: .3rem;
	}
	
	.dailydetail .jt-right {
		font-size: .25rem;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	/*平台保障内容*/
	
	.dailydetail .jc-list {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		text-align: center;
		color: #282828;
		font-size: .28rem;
	}
	
	.dailydetail .jc-icon {
		width: .69rem;
		height: .69rem;
		overflow: hidden;
		margin-right: .1rem;
	}
	
	.dailydetail .jc-icon>img {
		width: 100%;
		height: 100%;
	}
	
	.dailydetail .jc-list P {
		width: 100%;
	}
	
	.dailydetail .yd-grids-3 .yd-grids-item {
		padding: .35rem 0;
		box-sizing: border-box;
	}
	
	.dailydetail .yd-grids-3 .yd-grids-item:not(:nth-child(3n)):before,
	.dailydetail .yd-grids-item:after,
	.dailydetail .yd-grids-3:before,
	.dailydetail .yd-grids-5 .yd-grids-item:not(:nth-child(5n)):before,
	.yd-grids-5:before {
		display: none;
	}
	/*举报弹框*/
	
	.dailydetail .report-popo {
		z-index: 9999;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.5);
	}
	
	.dailydetail .report {
		width: 5rem;
		height: 6.2rem;
		background: #fff;
		margin: 2.1rem auto;
		padding: .24rem;
		box-sizing: border-box;
	}
	
	.dailydetail .report-tabitem {
		display: flex;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
	}
	
	.dailydetail .report-tabitem span {
		display: block;
		width: 2.05rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .28rem;
		text-align: center;
		border: 1px solid #282828;
		color: #282828;
		box-sizing: border-box;
		margin-bottom: .25rem;
		border-radius: .05rem;
	}
	
	.dailydetail .tabspan-active {
		border: 1px solid #e25051 !important;
		color: #e25051 !important;
	}
	
	.dailydetail .textarea {
		display: block;
		width: 100%;
		height: 2.9rem;
		border-radius: .05rem;
		font-size: .28rem;
		border: 1px solid #282828;
		padding: .3em;
		box-sizing: border-box;
	}
	
	.dailydetail .report-btnbox {
		width: 100%;
		text-align: center;
	}
	
	.dailydetail .report-btn {
		border: none;
		width: 4rem;
		height: .9rem;
		background: #E25051;
		color: #fff;
		border-radius: .05rem;
		margin: .22rem auto;
	}
	/*房源描述*/
	
	.dailydetail .hi-content {
		padding: 0 .2rem;
		box-sizing: border-box;
	}
	
	.dailydetail .hi-text {
		width: 100%;
		height: 2rem;
		overflow-y: auto;
	}
	
	.dailydetail .hi-btn {
		text-align: center;
		padding: .42rem 0;
		box-sizing: border-box !important;
		background: #fff !important;
	}
	
	.dailydetail .hi-btn>button {
		border: none !important;
		padding: .05rem .15rem !important;
		box-sizing: border-box !important;
		color: #E25051 !important;
		border: 1px solid #e25051 !important;
		border-radius: 1px !important;
		background: none !important;
		height: initial !important;
		width: initial !important;
		display: initial !important;
		font-size: initial !important;
		height: initial !important;
		margin-top: initial !important;
		font-size: .28rem !important;
	}
	
	.dailydetail .yd-accordion-title-full span {
		font-size: .35rem !important;
	}
	
	.dailydetail .yd-accordion-content {
		min-height: 1.74rem;
		padding: 0 .24rem !important;
		box-sizing: border-box !important;
		letter-spacing: .01rem;
		font-size: .28rem;
		line-height: .42rem;
		color: #7D7D7D;
	}
	
	.dailydetail .yd-accordion-head-arrow.yd-accordion-rotated:after,
	.dailydetail .yd-accordion-head:after,
	.dailydetail .yd-accordion-content:after,
	.dailydetail .yd-accordion-head-arrow:after {
		display: none !important;
	}
	/*房源位置*/
	
	.dailydetail ._map {
		position: relative;
	}
	
	.dailydetail ._m-icon {
		height: 4.17rem;
		width: 100%;
	}
	
	.dailydetail ._m-icon>img {
		max-height: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	
	.dailydetail ._map-popoper {
		z-index: 999;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: .62rem;
		line-height: .62rem;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: .24rem;
		padding: 0 .2rem;
		box-sizing: border-box;
	}
	
	.dailydetail ._map-popoper .yd-icon-location {
		font-size: .24rem !important;
	}
	
	.dailydetail ._mp-left>img {
		width: .3rem;
		height: .4rem;
	}
	
	.dailydetail .house-map {
		padding-bottom: .4rem;
		box-sizing: border-box;
		color: #fff;
	}
	/*配套设施*/
	
	.dailydetail .hs-content {
		width: 100%;
		overflow: hidden;
		padding: 0 .24rem;
		box-sizing: border-box;
		display: flex;
	}
	
	.dailydetail .supfac-item {
		width: 2rem;
		text-align: center;
		margin: .42rem 0;
	}
	
	.dailydetail .supfac-item p {
		display: block;
		margin-top: .29rem;
		font-size: .24rem;
		color: #282828;
		line-height: .24rem;
	}
	
	.dailydetail .si-imgbox {
		width: .54rem;
		height: .5rem;
		margin: auto;
	}
	
	.dailydetail .si-img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.dailydetail .simore-icon {
		display: block;
		width: .3rem;
		height: .3rem;
		border: 1px solid #a4a4a4;
		border-bottom: none;
		border-left: none;
		transform: rotate(45deg);
	}
	
	.dailydetail .simore-item {
		width: .3rem;
		display: flex;
		align-items: center;
		margin: 0;
	}
	/*.dailydetail .hscl-icon-box {
		width: .54rem;
		height: .5rem;
		margin: auto;
	}
	
	.dailydetail .hscl-icon {
		max-width: 100%;
		max-height: 100%;
		color: #282828;
		font-size: .175rem;
	}
	
	.dailydetail .yd-grids-4 {
		padding: 0 .35rem .35rem .35rem;
		box-sizing: border-box;
	}
	
	.dailydetail .hsc-list {
		font-size: .24rem;
		text-align: center;
		padding: .26rem 0;
	}
	
	.dailydetail .yd-grids-4:before {
		display: none;
	}
	
	.dailydetail .yd-grids-4 .yd-grids-item:not(:nth-child(4n)):before {
		display: none;
	}*/
	/*租房日历*/
	
	.dailydetail .rc-title {
		justify-content: flex-start;
	}
	
	.dailydetail .discount-box {
		display: -webkit-flex;
		display: flex;
	}
	
	.dailydetail .rent-discount {
		display: block;
		font-size: .24rem;
		color: #e25051;
		padding-left: .25rem;
		box-sizing: border-box;
	}
	
	.dailydetail .calendar2 {
		overflow: hidden;
	}
	
	.dailydetail .calendar2 .tbody {
		margin-top: 0;
	}
	
	.dailydetail .calendar2 .dateZone {
		position: initial;
	}
	
	.dailydetail .calendar2 .dateTable td>p {
		display: block;
		font-size: .21rem !important;
	}
	
	.dailydetail .calendar2 .rz {
		color: #fff !important;
	}
	
	.dailydetail .calendar2 .dateTable,
	.dailydetail .tbody {
		border-bottom: 0;
	}
	/*交易规则*/
	
	.dailydetail .tr-content {
		padding: .2rem;
		box-sizing: border-box;
	}
	
	.dailydetail .tr-content span {
		display: block;
	}
	
	.dailydetail .trc-list {
		display: -webkit-flex;
		display: flex;
		font-size: .28rem;
		margin-bottom: .7rem;
	}
	
	.dailydetail .trc-left {
		padding-left: .25rem;
		box-sizing: border-box;
		color: #282828;
		width: 30%;
	}
	
	.dailydetail .trc-right {
		color: #666;
		width: 5rem;
	}
	
	.dailydetail .trcl-last {
		justify-content: space-between;
	}
	
	.dailydetail .trcr-more {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		color: #e25051;
	}
	
	.dailydetail .more-icon {
		width: .16rem !important;
		height: .3rem;
		margin-left: .125rem;
	}
	/*退订规则*/
	
	.dailydetail .ur-content {
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
	}
	
	.rules-style {
		padding: 0rem .2rem;
	}
	
	.dailydetail .ddtail-ucontent-line {
		width: 17rem;
		overflow-x: auto;
		height: 1rem;
		padding: 1.5rem .2rem;
		box-sizing: border-box;
		overflow-y: hidden;
	}
	
	.dailydetail .ddtail-ucontent-list {
		display: inline-block;
		position: relative;
		width: 4.2rem;
		font-size: .28rem;
	}
	
	.dailydetail .ddtail-ucontent-list::before {
		content: "";
		width: 100%;
		height: 1px;
		background: #CCCCCC;
		position: absolute;
	}
	
	.dailydetail .ddtail-ucontent-list::after {
		content: "";
		width: .3rem;
		height: .3rem;
		border-radius: 50%;
		background: #CCCCCC;
		position: absolute;
		top: -7.5px;
		left: -5px;
	}
	
	.dailydetail .ddtail-ucontent-list:last-child::after {
		top: -.23rem;
	}
	
	.dailydetail .ddtail-ucontent-list:last-child {
		transform: translateY(-1.1rem);
		width: 2rem;
	}
	
	.dailydetail .ddtail-ucontent-list:last-child::before {
		display: none;
	}
	
	.dailydetail .ddtail-ucontent-top,
	.dailydetail .ddtail-ucontent-bottom {
		display: block;
	}
	
	.dailydetail .ddtail-ucontent-top {
		transform: translate(25%, -1.5rem);
		width: 70%;
		text-align: center;
		padding: .23rem .1rem;
		box-sizing: border-box;
		background: rgba(226, 80, 81, 0.3);
	}
	
	.dailydetail .ddtail-ucontent-bottom {
		transform: translateY(-30px);
	}
	
	.dailydetail .ddtail-ucontent .yd-step-item-bottom {
		left: -10px !important;
		font-size: .12rem;
	}
	
	.dailydetail .ddtail-ucontent .yd-step-item-top {
		left: 55px !important;
	}
	
	.dailydetail .yd-step-theme2 .yd-step-item-current .yd-step-item-top-text {
		display: block;
		border-radius: initial;
	}
	
	#ddtail-bottom {
		transform: translateY(.4rem);
	}
	
	.dailydetail .yd-step-item-bottom,
	.dailydetail .yd-step-item-top {
		white-space: initial !important;
	}
	
	.dailydetail .yd-step-content {
		padding-top: 75px !important;
	}
	/*房客点评*/
	
	.dailydetail .rate-active {
		color: #FFB400 !important;
	}
	
	.dailydetail .yd-cell-right {
		justify-content: flex-start;
	}
	
	.dailydetail .tc-content {
		padding: .34rem .5rem;
		box-sizing: border-box;
	}
	
	.dailydetail .tcc-comment {
		padding: .3rem 0;
		box-sizing: border-box;
		color: #a4a3a3;
	}
	
	.dailydetail .tcctimg-box {
		border-radius: 50%;
		overflow: hidden;
	}
	
	.dailydetail .tcctimg {
		display: block;
		width: .97rem;
		height: .97rem;
	}
	
	.dailydetail .tcc-tenant {
		display: -webkit-flex;
		display: flex;
	}
	
	.dailydetail .yd-cell-item {
		padding-left: initial;
	}
	
	.dailydetail .tcct-right {
		padding-left: .2rem;
		font-size: .21rem;
	}
	
	.dailydetail .tcct-right h4 {
		font-size: .28rem;
		color: #504f4f;
	}
	
	.dailydetail .tcc-comment,
	.dailydetail .tcct-right p {
		color: #a4a3a3;
	}
	
	.dailydetail .tcct-right .yd-rate {
		font-size: .28rem !important;
	}
	
	.dailydetail .yd-cell-right {
		min-height: initial;
	}
	
	.dailydetail .yd-cell-icon {
		margin-right: initial;
	}
	
	::-webkit-scrollbar {
		width: 0;
	}
	/*订购*/
	
	.dailydetail .bottom-flex {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: -webkit-flex;
		display: flex;
		z-index: 1000;
	}
	
	.dailydetail .bottom-flex a {
		display: block;
		width: 50%;
		text-align: center;
		padding: .21rem;
		box-sizing: border-box;
		color: #fff;
		font-size: .35rem;
	}
	
	.dailydetail .talk-landlord {
		background: #e25051;
	}
	
	.dailydetail .reserve {
		background: #d34142;
	}
</style>